<!DOCTYPE html>
<html lang="en">
<head>
<title>Shopping Cart</title>
<base href="" />
<link href="images/cart.png" rel="icon" />
<meta name="HandheldFriendly" content="True" /><meta name="MobileOptimized" content="320" />	
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" />    
<link rel="stylesheet" type="text/css" href="css/stylesheet.css" />
<link rel="stylesheet" type="text/css" href="css/facebook.css" />
<script type="text/javascript" src="js/jquery-1.6.1.min.js"></script>
<!--<script type="text/javascript" src="js/jquery-ui-1.8.16.custom.min.js"></script>-->
<link rel="stylesheet" type="text/css" href="css/jquery-ui-1.8.16.custom.css" />
<script type="text/javascript" src="js/jquery.cookie.js"></script>
<script type="text/javascript" src="js/jquery.fancybox-1.3.4.pack.js"></script>
<link rel="stylesheet" type="text/css" href="css/jquery.fancybox-1.3.4.css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/flexslider.css" />
<script type="text/javascript" src="js/jquery.flexslider-min.js"></script> 
<script type="text/javascript" src="js/tabs.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script src="js/html5.js"></script>
<script type="text/javascript">
		$(window).load(function() {
			$('.flexslider').flexslider();
		});
</script>
<script>
$(document).ready(function(){
$('.ab').hover(function(){
	$(this).prev('a').toggleClass('active');
	});     
$('.menuarrow').click(function () {
  $('.menu-mobile').slideToggle('slow');
});
$('.mobile-fpart .column h3').click(function () {
  $(this).next('.mobile-fpart .column ul').slideToggle('slow');
});
});
</script>
</head>
<body>
<div class="main-wrapper">
<header class="header-top-main">
<section class="header-top">
<div id="welcome">
        You are logged in as <a href="#">s</a> <b>(</b> <a href="#">Logout</a> <b>)</b>      </div>  
    <form action="#" method="post" enctype="multipart/form-data">
    <div id="currency"><!--Currency-->
                        <a title="Euro" onClick="">€</a>
                                    <a title="Pound Sterling" onClick="">£</a>
                                    <a title="US Dollar"><b>$</b></a>
                        <input type="hidden" name="currency_code" value="" />
      <input type="hidden" name="redirect" value="#" />
    </div>
  </form>
    <section id="cart">
    <div class="heading">
      <!--<h4>Shopping Cart</h4>-->
      <a><span id="cart_total">1 item(s) - $85.00</span></a></div>
    <div class="content"></div>
  </section>
  <div class="clear"></div>
</section>
<section id="header-main">
<div id="header">
    <div id="logo"><a href="#"><img src="images/logo.png" title="uStore Theme" alt="uStore Theme" /></a></div>
    <div class="links">
  <a class="home" title="Home" href="#">Home</a>
  <a href="#" id="wishlist_total">Wish List (2)</a><a href="#">My Account</a><a href="#">Shopping Cart</a><a href="#">Checkout</a></div> 
  <div id="search">
    <div class="button-search"></div>
        <input type="text" name="filter_name" value="Search" onClick="this.value = '';" onKeyDown="this.style.color = '#444';" />
      </div></div>
  <div class="clear"></div>
</section>
<nav id="mobile-menu">
<h3 class="menuarrow"><span>Menu</span></h3>
  <ul class="menu-mobile">
        <li><a href="#">Desktops</a>
            <div class="ab">
                <ul >
                                        <li><a href="#_26">PC (0)</a></li>
                                        <li><a href="#_27">Mac (1)</a></li>
                            </ul>
              </div>
          </li>
        <li><a href="#">Laptops</a>
            <div class="ab">
                <ul >
                                        <li><a href="#_46">Macs (0)</a></li>
                                        <li><a href="#_45">Windows (0)</a></li>
                            </ul>
              </div>
          </li>
        <li><a href="#">Components</a>
            <div class="ab">
                <ul >
                                        <li><a href="#_29">Mice and Trackballs (0)</a></li>
                                        <li><a href="#_28">Monitors (2)</a></li>
                                        <li><a href="#_30">Printers (0)</a></li>
                                        <li><a href="#_31">Scanners (0)</a></li>
                                        <li><a href="#_32">Web Cameras (0)</a></li>
                            </ul>
              </div>
          </li>
        <li><a href="#">Tablets</a>
          </li>
        <li><a href="#">Software</a>
          </li>
        <li><a href="#">Phones &amp; PDAs</a>
          </li>
        <li><a href="#">Cameras</a>
          </li>
        <li><a href="#">MP3 Players</a>
            <div class="ab">
                <ul >
                                        <li><a href="#_43">test 11 (0)</a></li>
                                        <li><a href="#_44">test 12 (0)</a></li>
                                        <li><a href="#_47">test 15 (0)</a></li>
                                        <li><a href="#_48">test 16 (0)</a></li>
                                        <li><a href="#_49">test 17 (0)</a></li>
                            </ul>
                <ul >
                                        <li><a href="#_50">test 18 (0)</a></li>
                                        <li><a href="#_51">test 19 (0)</a></li>
                                        <li><a href="#_52">test 20 (0)</a></li>
                                        <li><a href="#_53">test 21 (0)</a></li>
                                        <li><a href="#_54">test 22 (0)</a></li>
                            </ul>
                <ul >
                                        <li><a href="#_55">test 23 (0)</a></li>
                                        <li><a href="#_56">test 24 (0)</a></li>
                                        <li><a href="#_38">test 4 (0)</a></li>
                                        <li><a href="#_37">test 5 (0)</a></li>
                                        <li><a href="#_39">test 6 (0)</a></li>
                            </ul>
                <ul >
                                        <li><a href="#_40">test 7 (0)</a></li>
                                        <li><a href="#_41">test 8 (0)</a></li>
                                        <li><a href="#_42">test 9 (0)</a></li>
                                                                    </ul>
              </div>
          </li>
      </ul>
</nav>
<nav class="menu-main">
<div id="menu">
  <ul>
        <li><a href="#">Desktops</a>
            <div class="ab">
                <ul >
                                        <li><a href="#_26">PC (0)</a></li>
                                        <li><a href="#_27">Mac (1)</a></li>
                            </ul>
              </div>
          </li>
        <li><a href="#">Laptops</a>
            <div class="ab">
                <ul >
                                        <li><a href="#_46">Macs (0)</a></li>
                                        <li><a href="#_45">Windows (0)</a></li>
                            </ul>
              </div>
          </li>
        <li><a href="#">Components</a>
            <div class="ab">
                <ul >
                                        <li><a href="#_29">Mice and Trackballs (0)</a></li>
                                        <li><a href="#_28">Monitors (2)</a></li>
                                        <li><a href="#_30">Printers (0)</a></li>
                                        <li><a href="#_31">Scanners (0)</a></li>
                                        <li><a href="#_32">Web Cameras (0)</a></li>
                            </ul>
              </div>
          </li>
        <li><a href="#">Tablets</a>
          </li>
        <li><a href="#">Software</a>
          </li>
        <li><a href="#">Phones &amp; PDAs</a>
          </li>
        <li><a href="#">Cameras</a>
          </li>
        <li><a href="#">MP3 Players</a>
            <div class="ab">
                <ul >
                                        <li><a href="#_43">test 11 (0)</a></li>
                                        <li><a href="#_44">test 12 (0)</a></li>
                                        <li><a href="#_47">test 15 (0)</a></li>
                                        <li><a href="#_48">test 16 (0)</a></li>
                                        <li><a href="#_49">test 17 (0)</a></li>
                            </ul>
                <ul >
                                        <li><a href="#_50">test 18 (0)</a></li>
                                        <li><a href="#_51">test 19 (0)</a></li>
                                        <li><a href="#_52">test 20 (0)</a></li>
                                        <li><a href="#_53">test 21 (0)</a></li>
                                        <li><a href="#_54">test 22 (0)</a></li>
                            </ul>
                <ul >
                                        <li><a href="#_55">test 23 (0)</a></li>
                                        <li><a href="#_56">test 24 (0)</a></li>
                                        <li><a href="#_38">test 4 (0)</a></li>
                                        <li><a href="#_37">test 5 (0)</a></li>
                                        <li><a href="#_39">test 6 (0)</a></li>
                            </ul>
                <ul >
                                        <li><a href="#_40">test 7 (0)</a></li>
                                        <li><a href="#_41">test 8 (0)</a></li>
                                        <li><a href="#_42">test 9 (0)</a></li>
                                                                    </ul>
              </div>
          </li>
      </ul>
</div>
</nav>
</header>
<section class="wrapper">
<div id="notification"></div>
<div id="container"><div class="container"> 
  <section id="content">    <div class="breadcrumb">
            <a href="#">Home</a>
             &raquo; <a href="#">Shopping Cart</a>
          </div>
    <h1><span>Shopping Cart            &nbsp;(0.00kg)
            </span>
    </h1>
        
            <form action="#" method="post" enctype="multipart/form-data" id="basket">
      <div class="cart-info">
        <table>
          <thead>
            <tr>
              <td class="remove">Remove</td>
              <td class="image">Image</td>
              <td class="name">Product Name</td>
              <td class="model">Model</td>
              <td class="quantity">Quantity</td>
              <td class="price">Unit Price</td>
              <td class="total">Total</td>
            </tr>
          </thead>
          <tbody>
                        <tr>
              <td class="remove"><input type="checkbox" name="remove[]" value="30:YToyOntpOjIyODtzOjI6IjIwIjtpOjIyNjtzOjI6IjE2Ijt9" /></td>
              <td class="image">                <a href="#"><img src="images/canon_eos_5d_1-80x80.jpg" alt="Canon EOS 5D" title="Canon EOS 5D" /></a>
                                
                <div class="mobile-name">
                <a href="#">Canon EOS 5D</a>
                <br />
                <!--<div>
                                    - <small>Size: Small</small><br />
                                    - <small>Color Option: Blue</small><br />
                                  </div>-->
                                <small>Reward Points: 200</small>
                                </div>
                
                
                </td>
              <td class="name"><a href="#">Canon EOS 5D</a>
                                <div>
                                    - <small>Size: Small</small><br />
                                    - <small>Color Option: Blue</small><br />
                                  </div>
                                <small>Reward Points: 200</small>
                </td>
              <td class="model">Product 3</td>
              <td class="quantity"><input type="text" name="quantity[30:YToyOntpOjIyODtzOjI6IjIwIjtpOjIyNjtzOjI6IjE2Ijt9]" value="1" size="3" class="w30" /></td>
              <td class="price">$80.00</td>
              <td class="total">$80.00</td>
            </tr>
                                  </tbody>
        </table>
      </div>
    </form>
    <div class="cart-module">
                        <div>
  <div class="cart-heading"><span>Estimate Shipping &amp; Taxes</span></div>
  <div class="cart-content">
    <p>Enter your destination to get a shipping estimate.</p>
    <table id="shipping">
      <tr>
        <td><span class="required">*</span> Country:</td>
        <td><select name="country_id" onChange="$('select[name=\'zone_id\']').load('index.php?route=total/shipping/zone&country_id=' + this.value + '&zone_id=3776');">
            <option value=""> --- Please Select --- </option>
                                    <option value="1">Afghanistan</option>
                                                <option value="2">Albania</option>
                                                <option value="3">Algeria</option>
                                                <option value="4">American Samoa</option>
                                                <option value="5">Andorra</option>
                                                <option value="6">Angola</option>
                                                <option value="7">Anguilla</option>
                                                <option value="8">Antarctica</option>
                                                <option value="9">Antigua and Barbuda</option>
                                                <option value="10">Argentina</option>
                                                <option value="11">Armenia</option>
                                                <option value="12">Aruba</option>
                                                <option value="13">Australia</option>
                                                <option value="14">Austria</option>
                                                <option value="15">Azerbaijan</option>
                                                <option value="16">Bahamas</option>
                                                <option value="17">Bahrain</option>
                                                <option value="18">Bangladesh</option>
                                                <option value="19">Barbados</option>
                                                <option value="20">Belarus</option>
                                                <option value="21">Belgium</option>
                                                <option value="22">Belize</option>
                                                <option value="23">Benin</option>
                                                <option value="24">Bermuda</option>
                                                <option value="25">Bhutan</option>
                                                <option value="26">Bolivia</option>
                                                <option value="27">Bosnia and Herzegowina</option>
                                                <option value="28">Botswana</option>
                                                <option value="29">Bouvet Island</option>
                                                <option value="30">Brazil</option>
                                                <option value="31">British Indian Ocean Territory</option>
                                                <option value="32">Brunei Darussalam</option>
                                                <option value="33">Bulgaria</option>
                                                <option value="34">Burkina Faso</option>
                                                <option value="35">Burundi</option>
                                                <option value="36">Cambodia</option>
                                                <option value="37">Cameroon</option>
                                                <option value="38">Canada</option>
                                                <option value="39">Cape Verde</option>
                                                <option value="40">Cayman Islands</option>
                                                <option value="41">Central African Republic</option>
                                                <option value="42">Chad</option>
                                                <option value="43">Chile</option>
                                                <option value="44">China</option>
                                                <option value="45">Christmas Island</option>
                                                <option value="46">Cocos (Keeling) Islands</option>
                                                <option value="47">Colombia</option>
                                                <option value="48">Comoros</option>
                                                <option value="49">Congo</option>
                                                <option value="50">Cook Islands</option>
                                                <option value="51">Costa Rica</option>
                                                <option value="52">Cote D'Ivoire</option>
                                                <option value="53">Croatia</option>
                                                <option value="54">Cuba</option>
                                                <option value="55">Cyprus</option>
                                                <option value="56">Czech Republic</option>
                                                <option value="237">Democratic Republic of Congo</option>
                                                <option value="57">Denmark</option>
                                                <option value="58">Djibouti</option>
                                                <option value="59">Dominica</option>
                                                <option value="60">Dominican Republic</option>
                                                <option value="61">East Timor</option>
                                                <option value="62">Ecuador</option>
                                                <option value="63">Egypt</option>
                                                <option value="64">El Salvador</option>
                                                <option value="65">Equatorial Guinea</option>
                                                <option value="66">Eritrea</option>
                                                <option value="67">Estonia</option>
                                                <option value="68">Ethiopia</option>
                                                <option value="69">Falkland Islands (Malvinas)</option>
                                                <option value="70">Faroe Islands</option>
                                                <option value="71">Fiji</option>
                                                <option value="72">Finland</option>
                                                <option value="73">France</option>
                                                <option value="74">France, Metropolitan</option>
                                                <option value="75">French Guiana</option>
                                                <option value="76">French Polynesia</option>
                                                <option value="77">French Southern Territories</option>
                                                <option value="78">Gabon</option>
                                                <option value="79">Gambia</option>
                                                <option value="80">Georgia</option>
                                                <option value="81">Germany</option>
                                                <option value="82">Ghana</option>
                                                <option value="83">Gibraltar</option>
                                                <option value="84">Greece</option>
                                                <option value="85">Greenland</option>
                                                <option value="86">Grenada</option>
                                                <option value="87">Guadeloupe</option>
                                                <option value="88">Guam</option>
                                                <option value="89">Guatemala</option>
                                                <option value="90">Guinea</option>
                                                <option value="91">Guinea-bissau</option>
                                                <option value="92">Guyana</option>
                                                <option value="93">Haiti</option>
                                                <option value="94">Heard and Mc Donald Islands</option>
                                                <option value="95">Honduras</option>
                                                <option value="96">Hong Kong</option>
                                                <option value="97">Hungary</option>
                                                <option value="98">Iceland</option>
                                                <option value="99">India</option>
                                                <option value="100">Indonesia</option>
                                                <option value="101">Iran (Islamic Republic of)</option>
                                                <option value="102">Iraq</option>
                                                <option value="103">Ireland</option>
                                                <option value="104">Israel</option>
                                                <option value="105">Italy</option>
                                                <option value="106">Jamaica</option>
                                                <option value="107">Japan</option>
                                                <option value="108">Jordan</option>
                                                <option value="109">Kazakhstan</option>
                                                <option value="110">Kenya</option>
                                                <option value="111">Kiribati</option>
                                                <option value="113">Korea, Republic of</option>
                                                <option value="114">Kuwait</option>
                                                <option value="115">Kyrgyzstan</option>
                                                <option value="116">Lao People's Democratic Republic</option>
                                                <option value="117">Latvia</option>
                                                <option value="118">Lebanon</option>
                                                <option value="119">Lesotho</option>
                                                <option value="120">Liberia</option>
                                                <option value="121">Libyan Arab Jamahiriya</option>
                                                <option value="122">Liechtenstein</option>
                                                <option value="123">Lithuania</option>
                                                <option value="124">Luxembourg</option>
                                                <option value="125">Macau</option>
                                                <option value="126">Macedonia</option>
                                                <option value="127">Madagascar</option>
                                                <option value="128">Malawi</option>
                                                <option value="129">Malaysia</option>
                                                <option value="130">Maldives</option>
                                                <option value="131">Mali</option>
                                                <option value="132">Malta</option>
                                                <option value="133">Marshall Islands</option>
                                                <option value="134">Martinique</option>
                                                <option value="135">Mauritania</option>
                                                <option value="136">Mauritius</option>
                                                <option value="137">Mayotte</option>
                                                <option value="138">Mexico</option>
                                                <option value="139">Micronesia, Federated States of</option>
                                                <option value="140">Moldova, Republic of</option>
                                                <option value="141">Monaco</option>
                                                <option value="142">Mongolia</option>
                                                <option value="143">Montserrat</option>
                                                <option value="144">Morocco</option>
                                                <option value="145">Mozambique</option>
                                                <option value="146">Myanmar</option>
                                                <option value="147">Namibia</option>
                                                <option value="148">Nauru</option>
                                                <option value="149">Nepal</option>
                                                <option value="150">Netherlands</option>
                                                <option value="151">Netherlands Antilles</option>
                                                <option value="152">New Caledonia</option>
                                                <option value="153">New Zealand</option>
                                                <option value="154">Nicaragua</option>
                                                <option value="155">Niger</option>
                                                <option value="156">Nigeria</option>
                                                <option value="157">Niue</option>
                                                <option value="158">Norfolk Island</option>
                                                <option value="112">North Korea</option>
                                                <option value="159">Northern Mariana Islands</option>
                                                <option value="160">Norway</option>
                                                <option value="161">Oman</option>
                                                <option value="162">Pakistan</option>
                                                <option value="163">Palau</option>
                                                <option value="164">Panama</option>
                                                <option value="165">Papua New Guinea</option>
                                                <option value="166">Paraguay</option>
                                                <option value="167">Peru</option>
                                                <option value="168">Philippines</option>
                                                <option value="169">Pitcairn</option>
                                                <option value="170">Poland</option>
                                                <option value="171">Portugal</option>
                                                <option value="172">Puerto Rico</option>
                                                <option value="173">Qatar</option>
                                                <option value="174">Reunion</option>
                                                <option value="175">Romania</option>
                                                <option value="176">Russian Federation</option>
                                                <option value="177">Rwanda</option>
                                                <option value="178">Saint Kitts and Nevis</option>
                                                <option value="179">Saint Lucia</option>
                                                <option value="180">Saint Vincent and the Grenadines</option>
                                                <option value="181">Samoa</option>
                                                <option value="182">San Marino</option>
                                                <option value="183">Sao Tome and Principe</option>
                                                <option value="184">Saudi Arabia</option>
                                                <option value="185">Senegal</option>
                                                <option value="186">Seychelles</option>
                                                <option value="187">Sierra Leone</option>
                                                <option value="188">Singapore</option>
                                                <option value="189">Slovak Republic</option>
                                                <option value="190">Slovenia</option>
                                                <option value="191">Solomon Islands</option>
                                                <option value="192">Somalia</option>
                                                <option value="193">South Africa</option>
                                                <option value="194">South Georgia &amp; South Sandwich Islands</option>
                                                <option value="195">Spain</option>
                                                <option value="196">Sri Lanka</option>
                                                <option value="197">St. Helena</option>
                                                <option value="198">St. Pierre and Miquelon</option>
                                                <option value="199">Sudan</option>
                                                <option value="200">Suriname</option>
                                                <option value="201">Svalbard and Jan Mayen Islands</option>
                                                <option value="202">Swaziland</option>
                                                <option value="203">Sweden</option>
                                                <option value="204">Switzerland</option>
                                                <option value="205">Syrian Arab Republic</option>
                                                <option value="206">Taiwan</option>
                                                <option value="207">Tajikistan</option>
                                                <option value="208">Tanzania, United Republic of</option>
                                                <option value="209">Thailand</option>
                                                <option value="210">Togo</option>
                                                <option value="211">Tokelau</option>
                                                <option value="212">Tonga</option>
                                                <option value="213">Trinidad and Tobago</option>
                                                <option value="214">Tunisia</option>
                                                <option value="215">Turkey</option>
                                                <option value="216">Turkmenistan</option>
                                                <option value="217">Turks and Caicos Islands</option>
                                                <option value="218">Tuvalu</option>
                                                <option value="219">Uganda</option>
                                                <option value="220">Ukraine</option>
                                                <option value="221">United Arab Emirates</option>
                                                <option value="222">United Kingdom</option>
                                                <option value="223">United States</option>
                                                <option value="224">United States Minor Outlying Islands</option>
                                                <option value="225">Uruguay</option>
                                                <option value="226">Uzbekistan</option>
                                                <option value="227">Vanuatu</option>
                                                <option value="228">Vatican City State (Holy See)</option>
                                                <option value="229">Venezuela</option>
                                                <option value="230" selected="selected">Viet Nam</option>
                                                <option value="231">Virgin Islands (British)</option>
                                                <option value="232">Virgin Islands (U.S.)</option>
                                                <option value="233">Wallis and Futuna Islands</option>
                                                <option value="234">Western Sahara</option>
                                                <option value="235">Yemen</option>
                                                <option value="236">Yugoslavia</option>
                                                <option value="238">Zambia</option>
                                                <option value="239">Zimbabwe</option>
                                  </select></td>
      </tr>
      <tr>
        <td><span class="required">*</span> Region / State:</td>
        <td><select name="zone_id">
          </select></td>
      </tr>
      <tr>
        <td><span class="required">*</span> Post Code:</td>
        <td><input type="text" name="postcode" value="" /></td>
      </tr>
    </table>
    <a id="button-quote" class="button"><span>Get Quotes</span></a>
    <div id="quote" style="display: none;"></div>
    <input type="hidden" name="shipping_method" value="flat.flat" />
  </div>
</div>
<script type="text/javascript"><!--
$('#button-quote').bind('click', function() {
	$.ajax({
		type: 'POST',
		url: 'index.php?route=total/shipping/quote',
		data: 'country_id=' + $('select[name=\'country_id\']').val() + '&zone_id=' + $('select[name=\'zone_id\']').val() + '&postcode=' + encodeURIComponent($('input[name=\'postcode\']').val()),
		dataType: 'json',		
		beforeSend: function() {
			$('.success, .warning').remove();
			$('#button-quote').attr('disabled', true);
			$('#button-quote').after('<span class="wait">&nbsp;<img src="images/loading.gif" alt="" /></span>');
		},
		complete: function() {
			$('#button-quote').attr('disabled', false);
			$('.wait').remove();
		},		
		success: function(json) {
			$('.error').remove();

			if (json['redirect']) {
				location = json['redirect'];
			}
						
			if (json['error']) {
				if (json['error']['warning']) {
					$('#basket').before('<div class="warning">' + json['error']['warning'] + '</div>');
				}
				
				if (json['error']['country']) {
					$('#shipping select[name=\'country_id\'] + br').after('<span class="error">' + json['error']['country'] + '</span>');
				}	
				
				if (json['error']['zone']) {
					$('#shipping select[name=\'zone_id\'] + br').after('<span class="error">' + json['error']['zone'] + '</span>');
				}
				
				if (json['error']['postcode']) {
					$('#shipping input[name=\'postcode\']').after('<span class="error">' + json['error']['postcode'] + '</span>');
				}					
			}
			
			if (json['shipping_methods']) {
				html  = '<br />';
				html += '<table width="100%" cellpadding="3">';
				
				for (i in json['shipping_methods']) {
					html += '<tr>';
					html += '  <td colspan="3"><b>' + json['shipping_methods'][i]['title'] + '</b></td>';
					html += '</tr>';
				
					if (!json['shipping_methods'][i]['error']) {
						for (j in json['shipping_methods'][i]['quote']) {
							html += '<tr>';
							
							if (json['shipping_methods'][i]['quote'][j]['code'] == $('input[name=\'shipping_method\']').attr('value')) {
								html += '<td width="1"><input type="radio" name="shipping_method" value="' + json['shipping_methods'][i]['quote'][j]['code'] + '" id="' + json['shipping_methods'][i]['quote'][j]['code'] + '" checked="checked" /></td>';
							} else {
								html += '<td width="1"><input type="radio" name="shipping_method" value="' + json['shipping_methods'][i]['quote'][j]['code'] + '" id="' + json['shipping_methods'][i]['quote'][j]['code'] + '" /></td>';
							}
								
							html += '  <td><label for="' + json['shipping_methods'][i]['quote'][j]['code'] + '">' + json['shipping_methods'][i]['quote'][j]['title'] + '</label></td>';
							html += '  <td width="1"><label for="' + json['shipping_methods'][i]['quote'][j]['code'] + '">' + json['shipping_methods'][i]['quote'][j]['text'] + '</label></td>';
							html += '</tr>';
						}		
					} else {
						html += '<tr>';
						html += '  <td colspan="3"><div class="error">' + json['shipping_methods'][i]['error'] + '</div></td>';
						html += '</tr>	';						
					}
				}
				
				html += '</table>';
				html += '<br /><a id="button-shipping" class="button"><span>Apply Shipping</span></a>';				
		
				$('#quote').html(html);	
			
				$('#quote').slideDown('slow');
			}
		}
	});
});

$('#button-shipping').live('click', function() {
	$.ajax({
		type: 'POST',
		url: 'index.php?route=total/shipping/calculate',
		data: 'shipping_method=' + $('input[name=\'shipping_method\']:checked').attr('value'),
		dataType: 'json',		
		beforeSend: function() {
			$('.warning').remove();
			$('#button-shipping').attr('disabled', true);
			$('#button-shipping').after('<span class="wait">&nbsp;<img src="images/loading.gif" alt="" /></span>');
		},
		complete: function() {
			$('#button-shipping').attr('disabled', false);
			$('.wait').remove();
		},		
		success: function(json) {
			if (json['error']) {
				$('#shipping').before('<div class="warning">' + json['error'] + '<img src="images/close.png" alt="" class="close" /></div>');
			}
			
			if (json['redirect']) {
				location = json['redirect'];
			}
		}
	});
});
//--></script> 
<script type="text/javascript"><!--
$('select[name=\'zone_id\']').load('index.php?route=total/shipping/zone&country_id=230&zone_id=3776');
//--></script>             <div>
  <div class="cart-heading"><span>Apply Discount Code</span></div>
  <div class="cart-content" id="coupon">Enter your coupon here:&nbsp;
    <input type="text" name="coupon" value="" />
    &nbsp;<a id="button-coupon" class="button"><span>Apply Coupon</span></a></div>
</div>
<script type="text/javascript"><!--
$('#button-coupon').bind('click', function() {
	$.ajax({
		type: 'POST',
		url: 'index.php?route=total/coupon/calculate',
		data: $('#coupon :input'),
		dataType: 'json',		
		beforeSend: function() {
			$('.success, .warning').remove();
			$('#button-coupon').attr('disabled', true);
			$('#button-coupon').after('<span class="wait">&nbsp;<img src="images/loading.gif" alt="" /></span>');
		},
		complete: function() {
			$('#button-coupon').attr('disabled', false);
			$('.wait').remove();
		},		
		success: function(json) {
			if (json['error']) {
				$('#basket').before('<div class="warning">' + json['error'] + '<img src="images/close.png" alt="" class="close" /></div>');
			}
			
			if (json['redirect']) {
				location = json['redirect'];
			}
		}
	});
});
//--></script>             <div>
  <div class="cart-heading"><span>Use Gift Voucher</span></div>
  <div class="cart-content" id="voucher">Enter your gift voucher code here:&nbsp;
    <input type="text" name="voucher" value="" />
    &nbsp;<a id="button-voucher" class="button"><span>Apply Voucher</span></a></div>
</div>
<script type="text/javascript"><!--
$('#button-voucher').bind('click', function() {
	$.ajax({
		type: 'POST',
		url: 'index.php?route=total/voucher/calculate',
		data: $('#voucher :input'),
		dataType: 'json',		
		beforeSend: function() {
			$('.success, .warning').remove();
			$('#button-voucher').attr('disabled', true);
			$('#button-voucher').after('<span class="wait">&nbsp;<img src="images/loading.gif" alt="" /></span>');
		},
		complete: function() {
			$('#button-voucher').attr('disabled', false);
			$('.wait').remove();
		},		
		success: function(json) {
			if (json['error']) {
				$('#basket').before('<div class="warning">' + json['error'] + '<img src="images/close.png" alt="" class="close" /></div>');
			}
			
			if (json['redirect']) {
				location = json['redirect'];
			}
		}
	});
});
//--></script>           </div>
    <div class="cart-total">
      <table>
                <tr>
          <td colspan="5"></td>
          <td class="right"><b>Sub-Total:</b></td>
          <td class="right">$80.00</td>
        </tr>
                <tr>
          <td colspan="5"></td>
          <td class="right"><b>Flat Shipping Rate:</b></td>
          <td class="right">$5.00</td>
        </tr>
                <tr>
          <td colspan="5"></td>
          <td class="right"><b>Total:</b></td>
          <td class="right">$85.00</td>
        </tr>
              </table>
    </div>
    <div class="buttons">
      <div class="left"><a onClick="$('#basket').submit();" class="button"><span>Update</span></a></div>
      <div class="right"><a href="#" class="button"><span>Checkout</span></a></div>
      <div class="center"><a href="#" class="button"><span>Continue Shopping</span></a></div>
    </div>
    </section>
</div>
<script type="text/javascript"><!--
$('.cart-module .cart-heading').bind('click', function() {
	if ($(this).hasClass('active')) {
		$(this).removeClass('active');
	} else {
		$(this).addClass('active');
	}
		
	$(this).parent().find('.cart-content').slideToggle('slow');
});
//--></script> 
<div class="clear"></div>
</div> 
</section>

<div class="clear"></div>
<section id="footer-top-outside">
<div class="line-bottom">
<div id="customHome" class="container_12"><div id="about_us_footer"
	class="grid_3">
<h2>About uStore</h2>
<img class="about_us_image" alt="small logo" src="images/logo-small.png"/><p>      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum porttitor, sem vel venenatis interdum, tortor dolor lobortis purus, sed adipiscing ante nisi fringilla nunc. Mauris id erat eget diam pulvinar fringilla. Vestibulum blandit aliquam velit, non viverra turpis vulputate ac.</p>
</div>
 <!--  TWITTER --> <div id="twitter_footer"
	class="grid_3">
<h2>Latest Tweets</h2>
<ul id="twitter_update_list">
<!--<script type="text/javascript"
	src="//twitter.com/javascripts/blogger.js"></script> <script
	type="text/javascript"
	src="//twitter.com/statuses/user_timeline/envato.json?callback=twitterCallback2&count=2"></script>-->
</ul>
</div>
 <div id="contact_footer"
	class="grid_3">
<h2>Contact Us</h2>
<ul>
<li>
	<!-- TELEPHONE 1 -->
	<ul id="tel" class="contact_column">
		<li id="footer_telephone">+11 8832 456 123</li>


		<!-- TELEPHONE 2 -->
				<li id="footer_telephone2">+11 8832 456 123</li>
			</ul>
	
	<!-- FAX  -->
		<ul id="fax" class="contact_column">
		<li id="footer_fax">+11 0832 456 321</li>
	</ul>
	
	<!-- EMAIL 1 -->
		<ul id="mail" class="contact_column">
		<li id="footer_email">test@test.com</li>



		<!-- EMAIL 2 -->
				<li id="footer_email2">info@test.com</li>
			</ul>
	
	<!-- SKYPE -->
		<ul id="skype" class="contact_column">
		<li id="footer_skype">harnishdesign</li>
	</ul>
	</li>
</ul>
</div>
	 <!--  FACEBOOK --> <div id="facebook_footer"
	class="grid_3">
<h2>Facebook</h2>
<!--<script type="text/javascript"
	src="//static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php/en_US"></script>
<script type="text/javascript">FB.init("1690883eb733618b294e98cb1dfba95a");</script>

<script language="javascript" type="text/javascript">
//<![CDATA[
document.write('<fb:fan profile_id="80655071208" stream="0"	connections="6"	logobar="0" height="190px"	width="220"css="css/facebook.css?20"></fb:fan> ');
//]]>
</script>-->

</div>
 <!--  CUSTOM COLUMN -->  <!-- Categories --> </div>
<div class="clear"></div>
</div>

<div class="line-bottom1"></div>

</section>
<footer id="footer-main">
<div id="footer" class="mobile-fpart">
  <div class="column">
    <h3>Information</h3>
    <ul>
            <li><a href="#">About Us</a></li>
            <li><a href="#">Delivery Information</a></li>
            <li><a href="#">Privacy Policy</a></li>
            <li><a href="#">Terms &amp; Conditions</a></li>
          </ul>
  </div>
  <div class="column">
    <h3>Customer Service</h3>
    <ul>
      <li><a href="#">Contact Us</a></li>
      <li><a href="#">Returns</a></li>
      <li><a href="#">Site Map</a></li>
    </ul>
  </div>
  <div class="column">
    <h3>Extras</h3>
    <ul>
      <li><a href="#">Brands</a></li>
      <li><a href="#">Gift Vouchers</a></li>
      <li><a href="#">Affiliates</a></li>
      <li><a href="#">Specials</a></li>
    </ul>
  </div>
  <div class="column">
    <h3>My Account</h3>
    <ul>
      <li><a href="#">My Account</a></li>
      <li><a href="#">Order History</a></li>
      <li><a href="#">Wish List</a></li>
      <li><a href="#">Newsletter</a></li>
    </ul>
  </div>
</div>
<div id="footer">
  <div class="column">
    <h3>Information</h3>
    <ul>
            <li><a href="#">About Us</a></li>
            <li><a href="#">Delivery Information</a></li>
            <li><a href="#">Privacy Policy</a></li>
            <li><a href="#">Terms &amp; Conditions</a></li>
          </ul>
  </div>
  <div class="column">
    <h3>Customer Service</h3>
    <ul>
      <li><a href="#">Contact Us</a></li>
      <li><a href="#">Returns</a></li>
      <li><a href="#">Site Map</a></li>
    </ul>
  </div>
  <div class="column">
    <h3>Extras</h3>
    <ul>
      <li><a href="#">Brands</a></li>
      <li><a href="#">Gift Vouchers</a></li>
      <li><a href="#">Affiliates</a></li>
      <li><a href="#">Specials</a></li>
    </ul>
  </div>
  <div class="column">
    <h3>My Account</h3>
    <ul>
      <li><a href="#">My Account</a></li>
      <li><a href="#">Order History</a></li>
      <li><a href="#">Wish List</a></li>
      <li><a href="#">Newsletter</a></li>
    </ul>
  </div>
</div>
<div class="powered-main">
<div id="powered">
Theme by <a href="#" target="_blank">Design</a>
<div class="fl">
Powered By <a href="#">ABC</a><br /> uStore Theme &copy; 2012</div>
<div class="back-to-top" id="back-top"><a title="Back to Top" href="javascript:void(0)" class="backtotop">Top</a></div>
</div>
</div>
</footer>
</div>
<!--Scroll back to top-->
<script type='text/javascript'>
$(function () {
		$(window).scroll(function () {
			if ($(this).scrollTop() > 100) {
				$('#back-top').fadeIn();
			} else {
				$('#back-top').fadeOut();
			}
		});
		});
jQuery('.backtotop').click(function(){
	jQuery('html, body').animate({scrollTop:0}, 'slow');
});
</script>
<!--end of Scroll back to top-->
</body>
</html>